<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<link href="../css/ui.min.css" rel="stylesheet">
		<link href="../fonts/iconfont.css" rel="stylesheet">
		<link href="../css/common.css" rel="stylesheet"><!-- 样式 -->
		<link rel="stylesheet" type="text/css" href="../css/admin.css" />
		<link rel="stylesheet" type="text/css" href="../js/datepicker/jquery.datetimepicker.min.css"/>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/select2/js/select2.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/datepicker/jquery.datetimepicker.full.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="header">
			<div class="h-bar">
				<div class="container">
					<div class="login-wel"><img src="../images/buy/wel.png" alt="">串串的店您好,欢迎来到创业模拟电商平台!<a
							href="">[退出]</a></div>
					<div class="h-menu">
						<img src="../images/web/user.png"> <a href="" class="lk">登录</a> <span class="line">|</span> <a
							href="" class="lk">免费注册</a>
					</div>
					<ul class="h-link">
						<li><a href="">消息<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="">收藏夹</a></li>
						<li class="line"></li>
						<li><a href="买家中心.html">买家中心</a></li>
						<li class="line"></li>
						<li><a href="购物车.html">购物车<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="../SellerCenter/开店.html">卖家中心</a></li>
						<li class="line"></li>
						<li><a href="帮助中心.html"><i class="iconfont icon-help"></i>帮助中心</a></li>
					</ul>
				</div>
			</div>
			<div class="container">
				<div class="nav-grid clearfix">
					<div class="logo"><a href="../首页.html"><img src="../images/web/logo.png"></a></div>
					<div class="nav-search buy-nav-search">
						<div class="search-bar">
							<div class="search-select">
								<select name="" class="select">
									<option value="">宝贝</option>
									<option value="">店铺</option>
								</select>
							</div>
							<script type="text/javascript">
								$('.select').select2()
							</script>
							<div class="search-v">
								<input type="text" placeholder="请输入您要查询的内容" class="input">
							</div>
							<button class="btn btn-default" type="button">搜搜</button>
						</div>
						<div class="key-box">
							<span class="iconfont icon-remen"></span><span>热门搜索：</span><a href="">男装</a><a
								href="">女装</a><a href="">母婴</a><a href="">化妆品</a>
						</div>
					</div>
				</div>
				<div class="navbar buy-navbar">
					<div class="cate-nav">
						<div class="cate-nav-text"><span class="iconfont icon-NMStubiao-"></span>买家中心</div>
					</div>
					<ul class="navbar-nav">
						<li><a href="买家中心.html"><span class="iconfont icon-zhuye"></span>买家首页</a></li>
						<li><a href="我的主页.html">个人主页</a></li>
						<li class="dropdown">
							<a href="账号设置.html" class="dropdown-toggle">账号设置<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="购物车.html" class="dropdown-toggle">购物车<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="站内短信.html" class="dropdown-toggle">站内消息<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="container">
				<div class="main-row clearfix">
					<div class="main-left">
						<div class="side">
							<div class="side-head">
								<span class="side-head-icon"><img src="../images/buy/buy.png" alt=""></span>我是买家
							</div>
							<ul class="side-menu">
								<li class="side-submenu active">
									<span><i class="iconfont icon-jia"></i>我的购物</span>
									<ul class="submenu-nav">
										<li class="on">
											<a href="我的购物-订单管理.html">订单管理</a>
										<li>
											<a href="我的购物-账户管理-预存款管理.html">账户管理</a>
										</li>
									</ul>
								</li>
								<li class="side-submenu">
									<span><i class="iconfont icon-jia"></i>退款维权</span>
									<ul class="submenu-nav">
										<li>
											<a href="退款维权-退款管理.html">退款管理</a>
										</li>
										<li>
											<a href="退款维权-举报管理-举报列表.html">举报管理</a>
										</li>
										<li>
											<a href="退款维权-投诉管理-我的投诉.html">投诉管理</a>
										</li>
									</ul>
								</li>
								<li class="side-submenu">
									<span><i class="iconfont icon-jia"></i>收藏管理</span>
									<ul class="submenu-nav">
										<li>
											<a href="收藏管理-店铺收藏.html">店铺收藏</a>
										</li>
										<li>
											<a href="收藏管理-商品收藏.html">商品收藏</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
					<div class="main-right line-bg">
						<div class="card">
							<div class="breadcrumb">
								<a href="买家中心.html">买家中心</a> > <span class="text-warn">订单管理</span>
							</div>
						</div>
						<div class="card radius-card">
							<div class="buy-panel">
								<div class="slideTxtBox">
									<div class="hd">
										<ul>
											<li>订单列表</li>
										</ul>
									</div>
									<div class="bd">
										<div class="order-panel">
											<div class="order-panel-head">
												<form action="" class="clearfix">
													<div class="form-item">
														<span class="form-item__label">订单号:</span>
														<input type="text" class="form-control">
													</div>
													<div class="form-item">
														<span class="form-item__label">下单时间:</span>
														<input type="text" class="form-control datepicker">
														<span class="jg">-</span>
														<input type="text" class="form-control datepicker">
													</div>
													<div class="form-item">
														<span class="form-item__label">订单状态:</span>
														<select name="" class="form-control selectpicke">
															<option>待支付</option>
															<option>待评价</option>
														</select>
													</div>
													<div class="form-item">
														<button type="button" class="btn btn-default">搜索</button>
													</div>
												</form>
											</div>
											<div class="order-panel-body">
												<ul class="order-list lone">
													<li class="order-list__item">
														<div class="order-list__item__head">
															<span class="order-info">订单号：<i
																	class="text-warn">2356897412365</i></span>
															<span class="order-info">下单时间：<i>2021-01-24
																	18:23:00</i></span>
														</div>
														<div class="order-list__item__body clearfix">
															<div class="left shop-name">
																<div class="shop-img">
																	<img src="../images/buy/1.png">
																</div>
																<div class="shop-info">
																	<div class="shop-info-tit m20">橘色卫衣男款</div>
																	<div class="shop-info-time">数量：1</div>
																</div>
															</div>
															<div class="wl-dz left">
																暂无物流信息
															</div>
															<div class="shop-contact left">
																<div class="shop-info-tit">无锡叶哈哈水铺</div>
																<div class="text-warn">320111257111126053</div>
																<div class="qq-talk">
																	<!-- <a href="" class="qq-link"><span
																			class="iconfont icon-logo-qq"></span>
																		QQ交谈</a> -->
																</div>
															</div>
															<div class="shop-amount left">
																<div class="text-danger">￥8.00</div>
																<div class="shop-info-time">（含运费：￥0.00）</div>
															</div>
															<div class="shop-btn left">
																<button type="button" class="btn">取消订单</button>
																<a href="购物车-付款到卖家.html"><button type="button" class="btn btn-default">付款</button></a>
															</div>
														</div>
													</li>
													<li class="order-list__item">
														<div class="order-list__item__head">
															<span class="order-info">订单号：<i
																	class="text-warn">2356897412365</i></span>
															<span class="order-info">下单时间：<i>2021-01-24
																	18:23:00</i></span>
														</div>
														<div class="order-list__item__body clearfix">
															<div class="left shop-name">
																<div class="shop-img">
																	<img src="../images/buy/1.png">
																</div>
																<div class="shop-info">
																	<div class="shop-info-tit m20">橘色卫衣男款</div>
																	<div class="shop-info-time">数量：1</div>
																</div>
															</div>
															<div class="wl-dz left">
																下一站：上海...
															</div>
															<div class="shop-contact left">
																<div class="shop-info-tit">无锡叶哈哈水铺</div>
																<div class="text-warn">320111257111126053</div>
																<div class="qq-talk">
																	<a href="" class="qq-link"><span
																			class="iconfont icon-logo-qq"></span>
																		QQ交谈</a>
																</div>
															</div>
															<div class="shop-amount left">
																<div class="text-danger">￥8.00</div>
																<div class="shop-info-time">（含运费：￥0.00）</div>
															</div>
															<div class="shop-btn left">
																<button type="button" class="btn" data-toggle="modal"
																	data-target="#modal">申请退款</button>
																<a href="购物车-确认收货.html"><button type="button" class="btn btn-default">确认收货</button></a>
															</div>
														</div>
													</li>
													<li class="order-list__item">
														<div class="order-list__item__head">
															<span class="order-info">订单号：<i
																	class="text-warn">2356897412365</i></span>
															<span class="order-info">下单时间：<i>2021-01-24
																	18:23:00</i></span>
														</div>
														<div class="order-list__item__body clearfix">
															<div class="left shop-name">
																<div class="shop-img">
																	<img src="../images/buy/1.png">
																</div>
																<div class="shop-info">
																	<div class="shop-info-tit m20">橘色卫衣男款</div>
																	<div class="shop-info-time">数量：1</div>
																</div>
															</div>
															<div class="wl-dz left">
																已签收
															</div>
															<div class="shop-contact left">
																<div class="shop-info-tit">无锡叶哈哈水铺</div>
																<div class="text-warn">320111257111126053</div>
																<div class="qq-talk">
																	<a href="" class="qq-link"><span
																			class="iconfont icon-logo-qq"></span>
																		QQ交谈</a>
																</div>
															</div>
															<div class="shop-amount left">
																<div class="text-danger">￥8.00</div>
																<div class="shop-info-time">（含运费：￥0.00）</div>
															</div>
															<div class="shop-btn left">
																<button type="button" class="btn" data-toggle="modal"
																	data-target="#modal">申请退款</button>
																<a href="购物车-评价.html"><button type="button" class="btn btn-default">评价</button></a>
															</div>
														</div>
													</li>
													<li class="order-list__item">
														<div class="order-list__item__head">
															<span class="order-info">订单号：<i
																	class="text-warn">2356897412365</i></span>
															<span class="order-info">下单时间：<i>2021-01-24
																	18:23:00</i></span>
														</div>
														<div class="order-list__item__body clearfix">
															<div class="left shop-name">
																<div class="shop-img">
																	<img src="../images/buy/1.png">
																</div>
																<div class="shop-info">
																	<div class="shop-info-tit m20">橘色卫衣男款</div>
																	<div class="shop-info-time">数量：1</div>
																</div>
															</div>
															<div class="wl-dz left">
																暂无物流信息
															</div>
															<div class="shop-contact left">
																<div class="shop-info-tit">无锡叶哈哈水铺</div>
																<div class="text-warn">320111257111126053</div>
																<div class="qq-talk">
																	<a href="" class="qq-link"><span
																			class="iconfont icon-logo-qq"></span>
																		QQ交谈</a>
																</div>
															</div>
															<div class="shop-amount left">
																<div class="text-danger">￥8.00</div>
																<div class="shop-info-time">（含运费：￥0.00）</div>
															</div>
															<div class="shop-btn left">
																<button type="button" class="btn">取消订单</button>
																<a href="购物车-付款到卖家.html"><button type="button" class="btn btn-default">付款</button></a>
															</div>
														</div>
													</li>
													<li class="order-list__item">
														<div class="order-list__item__head">
															<span class="order-info">订单号：<i
																	class="text-warn">2356897412365</i></span>
															<span class="order-info">下单时间：<i>2021-01-24
																	18:23:00</i></span>
														</div>
														<div class="order-list__item__body clearfix">
															<div class="left shop-name">
																<div class="shop-img">
																	<img src="../images/buy/1.png">
																</div>
																<div class="shop-info">
																	<div class="shop-info-tit m20">橘色卫衣男款</div>
																	<div class="shop-info-time">数量：1</div>
																</div>
															</div>
															<div class="wl-dz left">
																暂无物流信息
															</div>
															<div class="shop-contact left">
																<div class="shop-info-tit">无锡叶哈哈水铺</div>
																<div class="text-warn">320111257111126053</div>
																<div class="qq-talk">
																	<a href="" class="qq-link"><span
																			class="iconfont icon-logo-qq"></span>
																		QQ交谈</a>
																</div>
															</div>
															<div class="shop-amount left">
																<div class="text-danger">￥8.00</div>
																<div class="shop-info-time">（含运费：￥0.00）</div>
															</div>
															<div class="shop-btn left">
																<button type="button" class="btn">取消订单</button>
																<a href="购物车-付款到卖家.html"><button type="button" class="btn btn-default">付款</button></a>
															</div>
														</div>
													</li>
													<li class="order-list__item">
														<div class="order-list__item__head">
															<span class="order-info">订单号：<i
																	class="text-warn">2356897412365</i></span>
															<span class="order-info">下单时间：<i>2021-01-24
																	18:23:00</i></span>
														</div>
														<div class="order-list__item__body clearfix">
															<div class="left shop-name">
																<div class="shop-img">
																	<img src="../images/buy/1.png">
																</div>
																<div class="shop-info">
																	<div class="shop-info-tit m20">橘色卫衣男款</div>
																	<div class="shop-info-time">数量：1</div>
																</div>
															</div>
															<div class="wl-dz left">
																暂无物流信息
															</div>
															<div class="shop-contact left">
																<div class="shop-info-tit">无锡叶哈哈水铺</div>
																<div class="text-warn">320111257111126053</div>
																<div class="qq-talk">
																	<a href="" class="qq-link"><span
																			class="iconfont icon-logo-qq"></span>
																		QQ交谈</a>
																</div>
															</div>
															<div class="shop-amount left">
																<div class="text-danger">￥8.00</div>
																<div class="shop-info-time">（含运费：￥0.00）</div>
															</div>
															<div class="shop-btn left">
																<button type="button" class="btn">取消订单</button>
																<a href="购物车-付款到卖家.html"><button type="button" class="btn btn-default">付款</button></a>
															</div>
														</div>
													</li>
													<li class="order-list__item">
														<div class="order-list__item__head">
															<span class="order-info">订单号：<i
																	class="text-warn">2356897412365</i></span>
															<span class="order-info">下单时间：<i>2021-01-24
																	18:23:00</i></span>
														</div>
														<div class="order-list__item__body clearfix">
															<div class="left shop-name">
																<div class="shop-img">
																	<img src="../images/buy/1.png">
																</div>
																<div class="shop-info">
																	<div class="shop-info-tit m20">橘色卫衣男款</div>
																	<div class="shop-info-time">数量：1</div>
																</div>
															</div>
															<div class="wl-dz left">
																暂无物流信息
															</div>
															<div class="shop-contact left">
																<div class="shop-info-tit">无锡叶哈哈水铺</div>
																<div class="text-warn">320111257111126053</div>
																<div class="qq-talk">
																	<a href="" class="qq-link"><span
																			class="iconfont icon-logo-qq"></span>
																		QQ交谈</a>
																</div>
															</div>
															<div class="shop-amount left">
																<div class="text-danger">￥8.00</div>
																<div class="shop-info-time">（含运费：￥0.00）</div>
															</div>
															<div class="shop-btn left">
																<button type="button" class="btn" >取消订单</button>
																<a href="购物车-付款到卖家.html"><button type="button" class="btn btn-default">付款</button></a>
															</div>
														</div>
													</li>
													<li class="order-list__item">
														<div class="order-list__item__head">
															<span class="order-info">订单号：<i
																	class="text-warn">2356897412365</i></span>
															<span class="order-info">下单时间：<i>2021-01-24
																	18:23:00</i></span>
														</div>
														<div class="order-list__item__body clearfix">
															<div class="left shop-name">
																<div class="shop-img">
																	<img src="../images/buy/1.png">
																</div>
																<div class="shop-info">
																	<div class="shop-info-tit m20">橘色卫衣男款</div>
																	<div class="shop-info-time">数量：1</div>
																</div>
															</div>
															<div class="wl-dz left">
																暂无物流信息
															</div>
															<div class="shop-contact left">
																<div class="shop-info-tit">无锡叶哈哈水铺</div>
																<div class="text-warn">320111257111126053</div>
																<div class="qq-talk">
																	<a href="" class="qq-link"><span
																			class="iconfont icon-logo-qq"></span>
																		QQ交谈</a>
																</div>
															</div>
															<div class="shop-amount left">
																<div class="text-danger">￥8.00</div>
																<div class="shop-info-time">（含运费：￥0.00）</div>
															</div>
															<div class="shop-btn left">
																<button type="button" class="btn" >取消订单</button>
																<a href="购物车-付款到卖家.html"><button type="button" class="btn btn-default">付款</button></a>
															</div>
														</div>
													</li>
												</ul>
											</div>
											<nav aria-label="Page navigation" class="pagination-warp">
												<ul class="pagination">
													<li>
														<a href="#" aria-label="Previous">
															<span aria-hidden="true"><i
																	class="iconfont icon-left"></i></span>
														</a>
													</li>
													<li><a href="#">1</a></li>
													<li><a href="我的购物-订单管理-无订单.html">2</a></li>
													<li><a href="#">3</a></li>
													<li><a href="#">4</a></li>
													<li><a href="#">5</a></li>
													<li><a href="#"><i class="iconfont icon-dian"></i></a></li>
													<li><a href="#">7</a></li>
													<li>
														<a href="#" aria-label="Next">
															<span aria-hidden="true"><i
																	class="iconfont icon-right"></i></span>
														</a>
													</li>
												</ul>
											</nav>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- Modal -->
		<!--退款 Modal -->
		<div class="modal fade refund-modal" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document" style="width: 460px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
								aria-hidden="true"><span class="iconfont icon-close"></span></span></button>
						<h4 class="modal-title" id="myModalLabel">退款申请</h4>
					</div>
					<div class="modal-body">
						<form action="" class="refund-form">
							<label>
								<span>退款原因：</span>
								<input list="browsers" class="form-control">
								<datalist id="browsers">
									<option value="7天无理由">
									<option value="不喜欢、商品质量问题">
									<option value="发货时间慢">
								</datalist>
							</label>
							<label>
								<span>退款金额：</span>
								<input type="text" class="form-control" />
							</label>
						</form>
					</div>
					<div class="modal-foot">
						<button type="button" class="btn btn-default">提交</button>
					</div>
				</div>
			</div>
		</div>
	
		<!-- Modal -->
		
		<div class="footer">
			<div class="container">
				<div class="foot-row clearfix">
					<div class="foot-item">
						<img src="../images/web/f1.png"><span>学习平台</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f2.png"><span>供销系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f3.png"><span>管理系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f4.png"><span>正保创业实训网</span>
					</div>
					<div class="foot-tel">
						<span class="txt">联系我们</span><span class="tel-v">010-82336106</span>
					</div>
				</div>
				<div class="foot-info">
					本商城系统为非经营性网站。商城所有店铺为虚拟店铺,所有上架商品,仅是模拟教学使用,请勿真实下单、真实支付。
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.side-submenu').click(function() {
					$(this).addClass('active').siblings().removeClass('active')
				});
				$('.side-submenu>span').click(function() {
					$(this).siblings().toggle()
				});
				$('.submenu-nav>li').click(function() {
					$(this).addClass('on').siblings().removeClass('on')
					$(this).parents('.side-submenu').siblings().children('.submenu-nav').children().removeClass(
						'on')
				});
				
				

				jQuery(".slideTxtBox").slide({trigger:"click"});
				$('.datepicker').datetimepicker({
					  format:'Y-m-d H:i',
				});
				$.datetimepicker.setLocale('zh');
			});
		</script>
	</body>
</html>
